<template>
  <div class="h-full w-full">
    <Top></Top>
    <a-layout class="px-[10px] pt-[10px]">
      <Mnues v-model="selectedMenu" :list="list"></Mnues>
      <a-layout-content class="mt-[10px] bg-[#fff] p-[20px]" v-if="selectedMenu !==6">
        <Info v-if="selectedMenu == 1" />
      </a-layout-content>
      <market v-if="selectedMenu == 6" />
    </a-layout>
  </div>
</template>

<script lang="ts" setup>
import Top from "@/components/workHearder/index.vue";
import Mnues from "@/components/menus/index.vue";
import infoImg from "@/assets/img/work/doc-info.png";
import MedicalImg  from "@/assets/img/组 6237@2x.png";
import seachImg  from "@/assets/img/组 6238@2x.png";
import jigImg  from "@/assets/img/组 6239@2x.png";
import jxsImg  from "@/assets/img/组 6240@2x.png";
import marketImg  from "@/assets/img/组 6242@2x.png";

import Info from "./info/index.vue";
import market from "./information/index.vue";

const list = [
  {
    key: 1,
    name: "完善信息",
    img: infoImg,
  },
  {
    key: 2,
    name: "医械订阅",
    img: MedicalImg,
  },
  {
    key: 3,
    name: "医疗招标搜索",
    img: seachImg,
  },
  {
    key: 4,
    name: "找医疗机构",
    img: jigImg,
  },
  {
    key: 5,
    name: "找经销商",
    img: jxsImg,
  },
  {
    key: 6,
    name: "市场洞察",
    img: marketImg,
  },
];

const selectedMenu = ref(1);
</script>

<style lang="scss" scoped>
:deep(.ant-layout-header) {
  padding-inline: 20px !important;
}
</style>
